Ext.define('DocMap.view.Panel_01',{
	extend:'Ext.form.Panel',
	id:'panel_01',
	title:"1 Document Selection",
	alias:'widget.panel_01',
	height:77,
	autoScroll:true,
	layout:"anchor",
	anchor:"100%",
	items:[{
		id:'fieldcontainer_01',
		xtype: 'fieldcontainer',
		height:30,
	    fieldLabel:"",
	    anchor:"100%",
	    margin:'5 10',
	    layout:"hbox",
	    items:[{
	    	xtype:'combo',
	    	emptyText:'Please Select',
			width:200,
	        editable: true, 
	        typeAhead: true
	        // store: ,
	        // queryMode: 'local',
	        // displayField: '',
	        // valueField: '',
	    },{
	    	xtype:'label',html:'&nbsp;'
		},{
	    	xtype:'textfield',
	    	
	    },{
	    	xtype:'label',html:'&nbsp;'
		},{
			xtype:'datefield',
			hidden:true,
			name:'fromDate',
			emptyText:'FromDate'
		},{
	    	xtype:'label',html:'&nbsp;'
		},{
			xtype:'datefield',
			hidden:true,
			name:'toDate',
			emptyText:'ToDate'
		},{
			id:'nextId',
			xtype:'button',
			text:'next'
			
		},{
			xtype:'label',html:'&nbsp;'
		},{
	       	xtype: 'textfield',
	        id:'<portlet:namespace />title',
	        fieldLabel: '',
	        width:150,
	        name: 'title',
	        allowBlank: false ,
	        hidden:true,
	        labelWidth:50,
	        style: 'text-align: left;'
	    }]
	}]
});